<template lang="html">
  <div id="bckColorResult">

    <div class="BackcardRootResult">

      <!--审核中-->
      <div class="Backcard" v-if="disPlayData.status == '12'">
        <img class="titleImg" src="../../assets/img/icon_result_approvaling.png" alt="">
        <span class="titleSpan">订单审批中...</span>
      </div>

      <!--退款成功-->
      <div class="Backcard" v-if="disPlayData.status == '3'">
        <img class="titleImg" src="../../assets/img/icon_result_succ.png" alt="">
        <span class="titleSpan1">退款成功</span>
      </div>

      <!--退款失败-->
      <div class="Backcard"
           v-if="disPlayData.status == '8' || disPlayData.status == '-2' || disPlayData.status == '2' || disPlayData.status == '11'">
        <img class="titleImg" src="../../assets/img/icon_result_fail.png" alt="">
        <span class="titleSpan1">退款失败</span>
      </div>

      <!--退款异常-->
      <div class="Backcard" v-if="disPlayData.status == '9'">
        <img class="titleImg" src="../../assets/img/icon_result_exception.png" alt="">
        <span class="titleSpan1">退卡异常</span>
      </div>

      <span class="titleTextDetail">{{ titleTextDetail }}</span>

      <div class="itemRoot">
        <span class="itemSpanKey">订单号：</span>
        <span class="itemSpanValue">{{ this.disPlayData.proof }}</span>
      </div>

      <div class="itemRoot">
        <span class="itemSpanKey">卡号：</span>
        <span class="itemSpanValue">{{ this.disPlayData.cardNo }}</span>
      </div>

      <div class="itemRoot">
        <span class="itemSpanKey">时间：</span>
        <span class="itemSpanValue">{{ formatDate(this.disPlayData.createTime) }}</span>
      </div>

      <div class="itemRoot" v-if="disPlayData.status == '12'">

        <span class="itemSpanKey">提交资金渠道：</span>

        <div class="itemSpanKeyChild1" v-if="disPlayData.txnType == '19'">
          <img class="titleImg1" src="../../assets/img/icon_alipay.png" alt="">
          <span class="itemSpanValue">支付宝{{ channelRefundName }}</span>
        </div>

        <div class="itemSpanKeyChild1" v-else-if="disPlayData.txnType == '09'">
          <img class="titleImg1" src="../../assets/img/icon_wechat.png" alt="">
          <span class="itemSpanValue">微信{{ channelRefundName }}</span>
        </div>


      </div>

      <div class="itemRoot" v-else>
        <span class="itemSpanKey">退款金额：</span>
        <span class="itemSpanValue">{{ formatAmt(this.disPlayData.amt) }}元</span>
      </div>


      <div class="itemRoot" v-if="disPlayData.status != '12'">

        <span class="itemSpanKey">退资渠道：</span>

        <div class="itemSpanKeyChild1" v-if="disPlayData.txnType == '19'">
          <img class="titleImg1" src="../../assets/img/icon_alipay.png" alt="">
          <span class="itemSpanValue">支付宝{{ channelRefundName }}</span>
        </div>

        <div class="itemSpanKeyChild1" v-else-if="disPlayData.txnType == '09'">
          <img class="titleImg1" src="../../assets/img/icon_wechat.png" alt="">
          <span class="itemSpanValue">微信{{ channelRefundName }}</span>
        </div>


      </div>


      <!--      <span class="titleTextDetail1">备注：60个自然日内的贷记卡充值金额将原路返回。</span>-->

      <div class="disabledRoot" v-if="showBtnFilter()">

        <button class="disabled2" v-on:click="nextClickChannelResult">
          <div>{{ buttonText }}</div>
        </button>

      </div>

    </div>


    <loading :loadingShow="loadingShow"></loading>
  </div>
</template>

<script>
import {
  badCardRefund,
  alipayAuorize,
  alipayAuorizeInit,
  weixinAuorizeInit, userInfoEntry, queryRefundChannel
} from "../../api/index";
import loading from "./loading/loading";

export default {
  data() {
    return {
      isProd: "",//1生产,0测试
      pay3BaseUrl: "",//网络平台3.1根路径
      Authorization: "",//3.1请求的头Authorization
      loadingShow: false, //loading show
      userLoginId: "",
      userMobile: "",
      customerId: "",
      tokenStr: "",
      retMsg: "",//显示错误信息
      isDisabledBtn: true,//按钮是否可用
      titleTextDetail: "",
      buttonText: "",
      disPlayData: {},
      channelRefundName: ""
    };
  },
  components: {
    loading
  },
  mounted() {


    //隐藏返回键
    BmacJSBridge.call("showBackButton", {
      showBack: "0",
    });

    BmacJSBridge.call("setOptionMenu", {
      //控制右上角按钮显示隐藏
      title: '完成',  // 与 icon、icontype 三选一
      redDot: "-1", // -1 表示不显示，0 表示显示红点，1-99 表示在红点上显示的数字
      color: "#ffffff", // 必须以 ＃ 开始 ARGB 颜色值
    });

    BmacJSBridge.call('showOptionMenu');

    document.addEventListener(
      "optionMenuFunc",
      function (e) {
        BmacJSBridge.call('exitApp');
      },
      false
    );


    let timer = setTimeout(() => {

      this.getuserToken();
      this.getBasicInfo();
      clearTimeout(timer);
      timer = null;
    }, 200);

    console.log("obtainClientBaseUrl");
    BmacJSBridge.call('obtainClientBaseUrl', (data) => {
      console.log("obtainClientBaseUrl");
      console.log("obtainClientBaseUrl", data);
      this.isProd = data.isProd;
      this.pay3BaseUrl = data.pay3BaseUrl;
      this.Authorization = data.Authorization;



    });
  },
  created() {
    // let disPlayData = {
    //   accountNo: "2088502342169961",
    //   txnType: "19",
    //   proof: "2021011814491234",
    //   cardNo: "312o31232131230123",
    //   createTime: "1610952608",
    //   status: 11,
    //   amt: "1200"
    // }

    let disPlayData = this.$route.query.data;
    this.createdMyData(disPlayData);

  },
  methods: {
    createdMyData(data) {

      this.disPlayData = data;
      console.log("页面跳转携带过来的参数", this.disPlayData)
      this.channelRefundName = this.checkItemUserName1(this.disPlayData.accountNo, this.disPlayData.userName);


      switch (this.disPlayData.status) {

        case -2://业务无法进行，联系客服
          this.buttonText = "联系客服";
          this.titleTextDetail = "业务无法进行，联系客服";
          break;
        case 9://卡余额不满足转账最低金额
          this.buttonText = "联系客服";
          this.titleTextDetail = "卡余额不满足转账最低金额，无法进行转账操作!";
          break;

        case 2://余额获取成功，待转账
          this.buttonText = "重试";
          this.titleTextDetail = "退款失败，请点击重试按钮或联系客服";
          break;
        case 8://超时
          this.buttonText = "重试";
          this.titleTextDetail = "退款失败，请点击重试按钮!";
          break;
        case 12://审批中
          this.titleTextDetail = "审批周期一般为7-12个工作日，请耐心等待！";
          break;
        case 11://账户异常
          this.buttonText = "更换退款账号";
          this.titleTextDetail = "退款账号异常，请修改后重试";
          break;
        default://成功
          this.titleTextDetail = "资金将在1-3个工作日返回，请耐心等待";
          break;
      }

    },
    /**
     * 重试按钮
     */
    nextClickChannelResult() {
      let embedding = {
        eventID: "nextClickChannelResult", //商品ID
        extra: {
          name: "坏卡退资重试",
        },
      };
      BmacJSBridge.call("AddEventburyPoints", embedding, (data) => {});
      if (this.disPlayData.status == "-2" || this.disPlayData.status == "9") {
        //联系客服
        BmacJSBridge.call("toOnLineServiceUrlAndTitle");

      } else if (this.disPlayData.status == "2" || this.disPlayData.status == "8") {
        //重试
        this.retryBadCardRefund();
      } else if (this.disPlayData.status == "11") {
        this.replaseUserId1();
      }

    },
    replaseUserId1() {
      //更换
      setTimeout(() => {

        if (this.disPlayData.txnType == '19') {
          this.alipayAuthorization1();
        } else if (this.disPlayData.txnType == '09') {
          this.weixinAuthorization1();
        }

      }, 200);

    },
    /**
     *
     * 支付宝授权
     * */
    alipayAuthorization1() {

      this.loadingShow = true;
      var request = {
        channelId: "75111023",
        clientType: "Android",
        channelType: "MOB",
        channelCode: "3103",
        merId: "003070000001",
        customerId: this.customerId,
        mobileNo: this.userMobile,
        logonId: this.userLoginId
      }
      console.log("支付宝授权请求", request);

      BmacJSBridge.call("encryptDataWithRSA3", request, (encryData) => {
        this.$ajax({
          method: "post",
          url: this.pay3BaseUrl + `${alipayAuorizeInit}`,
          headers: {
            "Content-Type": "application/json",
            Authorization: this.Authorization,
            "wolf-auth": this.tokenStr,
          },
          data: encryData.encryptedData,
        }).then(
          (responseData) => {
            this.loadingShow = false;
            BmacJSBridge.call(
              "decryptDataWithRSA3", {decryptParam: responseData.data}, (decryData) => {
                let res = decryData.encryptedData;
                let dataDic = res.data;
                console.log("支付宝授权响应", dataDic);

                if (dataDic.retCode == "0000") {
                  BmacJSBridge.call("skipAlipayAuthorization", {accredit_url: dataDic.accredit_url}, (url) => {
                    console.log("支付宝授权结果", url.responJson);
                    let data = JSON.parse(url.responJson);
                    if (data.result == 1) {
                      console.log("支付宝授权结果-authCode", data.authCode);
                      //支付宝的授权确认
                      this.alipayAuorizeEnter1(data.authCode);
                    } else {
                      this.$toast(data.message);
                    }

                  });

                } else {
                  this.$toast(dataDic.retMsg + "-授权异常-U");
                }
              }
            );
          }
        ).catch((error) => {
          this.loadingShow = false;
          console.log(error);
          BmacJSBridge.call(
            "decryptDataWithRSA3",
            {decryptParam: error.response.data},
            (decryData) => {
              let errorRes = decryData.encryptedData;

              if (errorRes.code == 401) {
                this.$toast(errorRes.msg);
                BmacJSBridge.call('startApp', {
                  appId: '00000060',
                  passData: {},
                  popNum: '-1',
                  type:'1',
                  closeCurrentApp: true
                }, function (result) {
                  // noop
                  BmacJSBridge.call('closePageToHome');
                });
              } else {
                this.$toast("网络开小差");
              }

            }
          );
        });

      });


    },
    /**
     * 支付宝的授权确认
     * */
    alipayAuorizeEnter1(authCode) {

      this.loadingShow = true;
      var request = {
        channelId: "75111023",
        clientType: "Android",
        channelType: "MOB",
        channelCode: "3103",
        merId: "003070000001",
        customerId: this.customerId,
        mobileNo: this.userMobile,
        logonId: this.userLoginId,
        authCode: authCode
      }
      console.log("支付宝授权-确认请求", request);

      BmacJSBridge.call("encryptDataWithRSA3", request, (encryData) => {
        this.$ajax({
          method: "post",
          url: this.pay3BaseUrl + `${alipayAuorize}`,
          headers: {
            "Content-Type": "application/json",
            Authorization: this.Authorization,
            "wolf-auth": this.tokenStr,
          },
          data: encryData.encryptedData,
        }).then(
          (responseData) => {
            this.loadingShow = false;
            BmacJSBridge.call(
              "decryptDataWithRSA3", {decryptParam: responseData.data}, (decryData) => {
                let res = decryData.encryptedData;
                let dataDic = res.data;
                console.log("支付宝授权-确认响应", dataDic);

                if (dataDic.retCode == "0000") {
                  //退资渠道查询
                  this.getGetRefundChannelRequest1();
                } else {
                  this.$toast(dataDic.retMsg + "-授权异常-U");
                }
              }
            );
          }
        ).catch((error) => {
          this.loadingShow = false;
          console.log(error);
          BmacJSBridge.call(
            "decryptDataWithRSA3",
            {decryptParam: error.response.data},
            (decryData) => {
              let errorRes = decryData.encryptedData;

              if (errorRes.code == 401) {
                this.$toast(errorRes.msg);
                BmacJSBridge.call('startApp', {
                  appId: '00000060',
                  passData: {},
                  popNum: '-1',
                  type:'1',
                  closeCurrentApp: true
                }, function (result) {
                  // noop
                  BmacJSBridge.call('closePageToHome');
                });
              } else {
                this.$toast("网络开小差");
              }

            }
          );
        });

      });
    },

    /**
     * 微信授权
     * */
    weixinAuthorization1() {
      BmacJSBridge.call("WeiXinRefundAmtAuthorization", (data) => {
        if (data.error) {
          this.$toast(data.error);

        } else {

          this.loadingShow = true;
          let request = {
            channelId: "75111023",
            clientType: "Android",
            channelType: "MOB",
            channelCode: "3103",
            merId: "003070000001",
            customerId: this.customerId,
            mobileNo: this.userMobile,
            code: data.result
          }
          console.log("微信授权请求", request);

          BmacJSBridge.call("encryptDataWithRSA3", request, (encryData) => {
            this.$ajax({
              method: "post",
              url: this.pay3BaseUrl + `${weixinAuorizeInit}`,
              headers: {
                "Content-Type": "application/json",
                Authorization: this.Authorization,
                "wolf-auth": this.tokenStr,
              },
              data: encryData.encryptedData,
            }).then(
              (responseData) => {
                this.loadingShow = false;
                BmacJSBridge.call(
                  "decryptDataWithRSA3", {decryptParam: responseData.data}, (decryData) => {
                    let res = decryData.encryptedData;
                    let dataDic = res.data;
                    console.log("微信授权响应", dataDic);

                    if (dataDic.retCode == "0000") {
                      //退资渠道查询
                      this.getGetRefundChannelRequest1();
                    } else {
                      this.$toast(dataDic.retMsg + "-授权异常-U");
                    }
                  }
                );
              }
            ).catch((error) => {
              this.loadingShow = false;
              console.log("微信授权响应 catch:", error);
              BmacJSBridge.call(
                "decryptDataWithRSA3",
                {decryptParam: error.response.data},
                (decryData) => {
                  let errorRes = decryData.encryptedData;

                  if (errorRes.code == 401) {
                    this.$toast(errorRes.msg);
                    BmacJSBridge.call('startApp', {
                      appId: '00000060',
                      passData: {},
                      popNum: '-1',
                      type:'1',
                      closeCurrentApp: true
                    }, function (result) {
                      // noop
                      BmacJSBridge.call('closePageToHome');
                    });
                  } else {
                    this.$toast("网络开小差");
                  }

                }
              );
            });

          });


        }

      });
    },
    /**
     * 退资渠道查询
     * */
    getGetRefundChannelRequest1() {
      this.loadingShow = true;
      var request = {
        channelId: "75111023",
        clientType: "Android",
        channelType: "MOB",
        channelCode: "3103",
        merId: "003070000001",
        customerId: this.customerId,
        mobileNo: this.userMobile,
        goodsId: "TSMSK"
      };
      console.log("退资渠道查询请求", request);
      BmacJSBridge.call("encryptDataWithRSA3", request, (encryData) => {
        this.$ajax({
          method: "post",
          url: this.pay3BaseUrl + `${queryRefundChannel}`,
          headers: {
            "Content-Type": "application/json",
            Authorization: this.Authorization,
            "wolf-auth": this.tokenStr,
          },
          data: encryData.encryptedData,
        }).then(
          (responseData) => {
            this.loadingShow = false;
            BmacJSBridge.call(
              "decryptDataWithRSA3", {decryptParam: responseData.data}, (decryData) => {
                let res = decryData.encryptedData;
                let dataDic = res.data;
                console.log("退资渠道查询响应", dataDic);

                if (dataDic.retCode == "0000") {
                  let dataList = dataDic.refundChanelList;

                  dataList.forEach((item, position) => {

                    if ((item.retFlag == "2" && this.disPlayData.txnType == "19") || (item.retFlag == "3" && this.disPlayData.txnType == "09")) {
                      console.log("退资渠道查询响应-item:", item);
                      /**
                       * 调用录入接口
                       * retFlag=2,支付宝=19
                       * retFlag=3,微信=09
                       */
                      this.userInfoEntryRequest1(item.userId, item.userName, this.disPlayData.txnType, this.disPlayData.proof);
                      return;
                    }

                  });

                } else {
                  this.$toast(dataDic.retMsg);
                }
              }
            );
          }
        ).catch((error) => {
          this.loadingShow = false;
          console.log(error);
          BmacJSBridge.call(
            "decryptDataWithRSA3",
            {decryptParam: error.response.data},
            (decryData) => {
              let errorRes = decryData.encryptedData;

              if (errorRes.code == 401) {
                this.$toast(errorRes.msg);
                BmacJSBridge.call('startApp', {
                  appId: '00000060',
                  passData: {},
                  popNum: '-1',
                  type:'1',
                  closeCurrentApp: true
                }, function (result) {
                  // noop
                  BmacJSBridge.call('closePageToHome');
                });
              } else {
                this.$toast("网络开小差");
              }

            }
          );
        });


      });


    },
    /**
     * 坏卡用户信息录入
     * */
    userInfoEntryRequest1(mAccountNo, userName, mTxnType, proof) {
      this.loadingShow = true;
      var request = {};
      if (userName) {

        request = {
          channelId: "75111023",
          clientType: "Android",
          channelType: "MOB",
          channelCode: "3103",
          merId: "003070000001",
          proof: proof,
          txnType: mTxnType,
          accountNo: mAccountNo,
          userName: userName,
          customerId: this.customerId,//客户号
          mobileNo: this.userMobile
        };

      } else {

        request = {
          channelId: "75111023",
          clientType: "Android",
          channelType: "MOB",
          channelCode: "3103",
          merId: "003070000001",
          proof: proof,
          txnType: mTxnType,
          accountNo: mAccountNo,
          customerId: this.customerId,//客户号
          mobileNo: this.userMobile
        };

      }

      console.log("坏卡用户信息录入-请求:", request);

      //调用原生加密数据方法
      BmacJSBridge.call("encryptDataWithRSA3", request, (encryData) => {
        this.$ajax({
          method: "post",
          url: this.pay3BaseUrl + `${userInfoEntry}`,
          headers: {
            "Content-Type": "application/json",
            Authorization: this.Authorization,
            "wolf-auth": this.tokenStr,
          },
          data: encryData.encryptedData,
        }).then((responseData) => {
          this.loadingShow = false;
          //请求成功  调用原生解密数据方法
          BmacJSBridge.call(
            "decryptDataWithRSA3",
            {decryptParam: responseData.data},
            (decryData) => {
              let res = decryData.encryptedData;
              let dataDic = res.data;

              console.log("坏卡用户信息录入-响应:", dataDic);

              if (dataDic.retCode == "0000") {

                this.createdMyData(dataDic);


              } else {
                this.$toast(dataDic.retMsg);
                this.loadingShow = false;
              }
            }
          );
        })
          .catch((error) => {
            this.loadingShow = false;
            console.log(error);
            BmacJSBridge.call(
              "decryptDataWithRSA3",
              {decryptParam: error.response.data},
              (decryData) => {
                let errorRes = decryData.encryptedData;

                if (errorRes.code == 401) {
                  this.$toast(errorRes.msg);
                  BmacJSBridge.call('startApp', {
                    appId: '00000060',
                    passData: {},
                    popNum: '-1',
                    type:'1',
                    closeCurrentApp: true
                  }, function (result) {
                    // noop
                    BmacJSBridge.call('closePageToHome');
                  });
                } else {
                  this.$toast("网络开小差");
                }

              }
            );
          });
      });

    },
    retryBadCardRefund() {

      this.loadingShow = true;
      let request = {
        channelId: "75111023",
        clientType: "Android",
        channelType: "MOB",
        channelCode: "3103",
        merId: "003070000001",
        proof: this.disPlayData.proof,
        mobileNo: this.userMobile,
        customerId: this.customerId,//客户号
      };

      console.log("坏卡重试退资-请求:", request);

      //调用原生加密数据方法
      BmacJSBridge.call("encryptDataWithRSA3", request, (encryData) => {
        this.$ajax({
          method: "post",
          url: this.pay3BaseUrl + `${badCardRefund}`,
          headers: {
            "Content-Type": "application/json",
            Authorization: this.Authorization,
            "wolf-auth": this.tokenStr,
          },
          data: encryData.encryptedData,
        }).then((responseData) => {
          this.loadingShow = false;
          //请求成功  调用原生解密数据方法
          BmacJSBridge.call(
            "decryptDataWithRSA3",
            {decryptParam: responseData.data},
            (decryData) => {
              let res = decryData.encryptedData;
              let dataDic = res.data;

              console.log("坏卡重试退资-响应:", dataDic);

              if (dataDic.retCode == "0000") {

                this.createdMyData(dataDic);

              } else {
                this.$toast(dataDic.retMsg);

              }
            }
          );
        })
          .catch((error) => {
            this.loadingShow = false;
            console.log(error);
            BmacJSBridge.call(
              "decryptDataWithRSA3",
              {decryptParam: error.response.data},
              (decryData) => {
                let errorRes = decryData.encryptedData;

                if (errorRes.code == 401) {
                  this.$toast(errorRes.msg);
                  BmacJSBridge.call('startApp', {
                    appId: '00000060',
                    passData: {},
                    popNum: '-1',
                    type:'1',
                    closeCurrentApp: true
                  }, function (result) {
                    // noop
                    BmacJSBridge.call('closePageToHome');
                  });
                } else {
                  this.$toast("网络开小差");
                }

              }
            );
          });
      });


    },
    checkItemUserName1(userId, userName) {
      if (userName) {
        if (userName.length < 2) {
          return "(" + userName + ")";
        } else {
          let e = userName.substr(1, userName.length);
          return "(*" + e + ")";
        }

      } else {
        if (userId) {
          if (userId.length < 2) {
            return "(" + userId + ")";
          } else if (userId.length < 6) {
            let e = userId.substr(1, userId.length);
            return "(*" + e + ")";
          } else {
            let replace = userId.replace(/(\S{4})(\S+)(\S{4})$/, "$1 **** $3");
            console.log("userId.length", replace)
            return "(" + replace + ")";
          }

        } else {
          return "(- -)";
        }
      }

    },
    showBtnFilter() {
      if (this.disPlayData.status == "-2" || this.disPlayData.status == "9" || this.disPlayData.status == "2" || this.disPlayData.status == "8" || this.disPlayData.status == "11") {
        return true;
      } else {
        return false;
      }
    },
    formatAmt(amt) {
      return (amt / 100).toFixed(2)
    },
    formatDate(createTime) {
      var n = parseInt(createTime);
      var D = new Date(n);
      var year = D.getFullYear();//四位数年份

      var month = D.getMonth() + 1;//月份(0-11),0为一月份
      month = month < 10 ? ('0' + month) : month;

      var day = D.getDate();//月的某一天(1-31)
      day = day < 10 ? ('0' + day) : day;

      var hours = D.getHours();//小时(0-23)
      hours = hours < 10 ? ('0' + hours) : hours;

      var minutes = D.getMinutes();//分钟(0-59)
      minutes = minutes < 10 ? ('0' + minutes) : minutes;

      var seconds = D.getSeconds();//秒(0-59)
      seconds = seconds < 10 ? ('0' + seconds) : seconds;
      // var week = D.getDay();//周几(0-6),0为周日
      // var weekArr = ['周日','周一','周二','周三','周四','周五','周六'];

      var now_time = year + '.' + month + '.' + day + ' ' + hours + ':' + minutes + ":" + seconds;
      return now_time;
    },
    /**
     * 检查是否登录
     */
    getuserToken() {

      BmacJSBridge.call(
        "getAPDataStorage",
        {
          //获取登录信息
          type: "common",
          business: "userInfoGrid",
          key: "userInfo",
        },
        (result) => {
          if (result.error == "11" && result.errorMessage == "未找到该数据") {
            //未登录跳转登录
            console.log("退出登录");
            this.jumpToLogin();
          } else {
            let userInfo = JSON.parse(result.data).data;
            this.userInfo = userInfo;
            this.customerId = userInfo.customerId;
            this.userLoginId = userInfo.logonIds;
            this.userMobile = userInfo.mobileNo;
            this.tokenStr = userInfo.token_type + " " + userInfo.access_token;
            this.userIsAuthStt = userInfo.userIsAuthStt;
            console.log("检查登录", userInfo);
          }
        }
      );
    },
    /**
     * 获取基本信息
     */
    getBasicInfo() {
      BmacJSBridge.call("getBasicInfo", {}, (data) => {
        let phoneData = data.deviceData;
        this.clientIp = phoneData.clientIp;
        this.terminalIp = phoneData.terminalIp;
        this.terminalMac = phoneData.terminalMac;
        this.imei = phoneData.imei;
        this.appVersion = phoneData.version;
        this.mobileType = phoneData.mobileType;
      });
    },
    /**
     * 跳转登录
     */
    jumpToLogin() {
      BmacJSBridge.call(
        "startApp",
        {
          appId: "00000060",
          type:'1',
          closeCurrentApp: true,
        },
        (result) => {
          // noop
        }
      );
    }

  }

}
</script>

<style lang="css">
* {
  box-sizing: border-box;
}

#bckColorResult {
  width: 100%;
  height: 100%;
  background: #E5E5E5;
}

.BackcardRootResult {
  font-size: 17px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 34px;
  padding-bottom: 16px;
}

.Backcard {
  font-size: 17px;
  padding: 0.5rem 0 0.2rem 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.titleImg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.titleSpan {
  font-size: 17px;
  line-height: 20px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  text-align: center;

  color: #FFA610;
}

.titleSpan1 {
  width: 102px;
  height: 20px;
  left: 153px;
  top: 122px;

  /* Regular/Font Size - 17 */

  font-size: 17px;
  line-height: 20px;
  /* identical to box height, or 118% */

  display: flex;
  display: -webkit-flex;
  align-items: center;

  color: #000000;
}

.titleTextDetail {
  /* Regular/Font Size - 12 */
  margin-top: 18px;
  width: 100%;
  font-size: 12px;
  line-height: 12px;
  /* identical to box height, or 100% */
  align-items: center;
  text-align: center;
  box-shadow: 0px 0.5px 0px #E6E6E6;
  padding-bottom: 40px;
  /* 999999 */

  color: #999999;
}

.titleTextDetail1 {
  font-size: 12px;
  line-height: 18px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  color: #999999;
  margin-top: 32px;
  width: 100%;
  height: auto;
  flex-direction: row;
  justify-content: space-between;

}

.itemRoot {
  margin-top: 16px;
  width: 100%;
  height: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
}

.itemSpanKey {
  font-size: 14px;
  line-height: 16px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  color: #999999;
}

.itemSpanKeyChild1 {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
}

.titleImg1 {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.itemSpanValue {
  font-size: 14px;
  line-height: 16px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  text-align: right;
  color: #333333;
}

.disabledRoot {
  width: 100%;
  height: 44px;
  padding: 0px 16px;
  margin-top: 32px;
}

.disabled2 {
  border: 4px solid #cccccc;
  background: #008DEE;
  color: white;
  border-radius: 4px;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  border: none;
}

</style>
